<template>
  <div class="config-panel-container">
    <div>{{ data }}</div>
  </div>
</template>
<script>
export default {
  props: {
    value: Object,
  },
  data() {
    return {
      data: this.value,
    };
  },
  watch: {
    value: {
      deep: true,
      handler(newVal) {
        this.data = newVal;
      },
    },
  },
};
</script>

<style lang="less" scoped>
.config-panel-container {
  flex: 2;
  background: #fff;
}
</style>
